<template>
  <div class="colro">
    <van-row>
      <van-col span="4"
        ><img
          src="https://img.youpin.mi-img.com/static/weex_images/v1/m/navi_title_v6.png"
      /></van-col>
      <van-col span="18" offset="1"
        ><van-search
          v-model="value"
          shape="round"
          background="rgb(132, 93, 50)"
          placeholder="请输入搜索关键词"
          @click="sou"
      /></van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: "",
    };
  },
  methods: {
    sou(){
      this.$router.push("/sou")
    }
  },
};
</script>

<style scoped>
.colro {
  border: 0px solid black;
  position: relative;
  box-sizing: border-box;
  display: flex;
  -webkit-box-orient: vertical;
  flex-direction: column;
  align-content: flex-start;
  flex-shrink: 0;
  width: 100%;
  background-color: rgb(132, 93, 50);
  padding-top: 0;
  /* position: fixed;
  top: 0;
  z-index: 999; */
}
img {
  width: 0.4rem;
  height: 0.31rem;
  margin-left: 0.13rem;
 margin-top: 0.09rem;
}
</style>
